.hall-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_item.svg?v20220826');
	background-size: 100% 100%;
	margin-top: 26.28rpx;
	width: 100%;
	height: 226.04rpx;
	.hall-info-layout {
		position: relative;
		display: flex;
		align-items: center;
		margin: 17.52rpx;
		.image-layout {
			position: relative;
			flex-shrink: 0;
			width: 168.21rpx;
			height: 196.25rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			.image1 {
				width: 96%;
				height: 96%;
				border-radius: 40rpx;
			}
			.image2 {
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
				border: 8rpx solid #ffffff;
				position: absolute;
				bottom: 12rpx;
				left: 65rpx;
				z-index: 999;
			}
			.item-bg {
				position: absolute;
				z-index: 9;
				width: 100%;
				height: 100%;
				content: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_header.svg?v20220826');
			}
		}
		.number {
			position: absolute;
			left: -16rpx;
			top: 24rpx;
			padding: 0 12rpx;
			z-index: 999;
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			background: $type-color;
			color: #ffffff;
			font-size: $font-small;
		}
		.info-layout {
			flex: 1;
			width: 0;
			height: 196.25rpx;
			margin-left: 28.04rpx;
			.role-layout {
				display: flex;
				justify-content: space-between;
				.status {
					width: 87.61rpx;
					height: 31.54rpx;
					line-height: 31.54rpx;
					font-size: 17.52rpx;
					color: #ffffff;
					font-weight: bold;
					text-align: center;
					background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_status.svg?v20220826');
					background-size: 100% 100%;
				}
				.status-2 {
					background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_status_2.svg?v20220826') !important;
				}
				.role {
					width: 113.9rpx;
					height: 40.3rpx;
					line-height: 40.3rpx;
					text-align: center;
					color: #646c6d;
					font-size: 24.53rpx;
					font-weight: bold;
					background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_role.svg?v20220826');
					background-size: 100% 100%;
				}
			}
			.name-text {
				font-size: 33.29rpx;
				font-weight: bold;
				color: #646c6d;
				margin-top: 3.5rpx;
			}
			.type {
				margin-left: 14.02rpx;
				width: 72rpx;
				height: 30rpx;
				line-height: 30rpx;
				text-align: center;
				border-radius: $border-radius-small-x;
				background: #8d97f1;
				color: #ffffff;
				font-size: 21.03rpx;
			}
			.date-text {
				margin-top: 12.27rpx;
				font-size: 22.78rpx;
				color: #646c6d;
			}
			.date-text2 {
				margin-top: 0 !important;
			}
			.line {
				width: 100%;
				height: 1.75rpx;
				margin: 14.02rpx 17.52rpx 14.02rpx 0;
				background: #707070;
			}
			.line2 {
				margin: 8.76rpx 17.52rpx 8.76rpx 0 !important;
			}
			.introduction {
				font-size: 19.27rpx;
				color: #646c6d;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				overflow: hidden;
				-webkit-box-orient: vertical;
			}
		}
	}
}

.manage-hall-item {
	height: 339.93rpx !important;
	background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_manage_item.svg?v20220826');
	.manage-hall-info-layout {
		margin: 28.04rpx !important;
	}
	.manage-hall-control-layout {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 28.04rpx 28.04rpx !important;
		.control-item {
			width: 168.21rpx;
			height: 52.57rpx;
			line-height: 52.57rpx;
			text-align: center;
			color: #646c6d;
			font-size: 22.78rpx;
			font-weight: bold;
			background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_control.svg?v20220826');
			background-size: 100% 100%;
		}
	}
}

.manage-hall-item:first-child {
	margin-top: 14.02rpx !important;
}

.today-hall-item {
	height: 171.72rpx !important;
	background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_today_item.svg?v20220826');
	.today-hall-info-layout {
		margin: 18.52rpx !important;
		.today-image-layout {
			width: 147.99rpx !important;
			height: 136.67rpx;
			.today-item-bg {
				content: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_today_header.svg?v20220826') !important;
			}
		}
		.today-info-layout {
			height: auto !important;
			.today-type-text {
				background: #ffffff;
				width: 78.85rpx;
				height: 33.29rpx;
				line-height: 33.29rpx;
				text-align: center;
				border-radius: 17.52rpx;
				color: #646c6d;
				font-size: 24.53rpx;
				font-weight: bold;
				margin-left: 26.28rpx;
			}
			.today-death-text {
				font-size: 21.03rpx !important;
				color: #646c6d !important;
			}
		}
	}
}
